<template>
  <div class="login">
    <MyHead title="登录" :show="true" :show1="true" ></MyHead>
    <div>
          <van-tabs @click="onClick">
      <van-tab title="密码登录">
        <Signin></Signin>

      </van-tab>
      <van-tab title="手机号登录">
        <signinsms></signinsms>
      </van-tab>
    </van-tabs>
      <div class="zhuche">
          <p class="left" @click="gotowhere('fotgotpass')">忘记密码</p>
          <p class="right" @click="gotowhere('register')">还没有账号,立即注册 </p>
      </div>
    </div>
  </div>
</template>

<script>
import { Toast } from 'vant';
import Signin from "./signin.vue";
import signinsms from "./signinsms.vue";
export default {
  data(){
    return{
     
    }
  },
  methods: {
    onClick(name, title) {
 
    },
    
    gotowhere(name){
      this.$router.push({name})
    }
  },
  components:{
    Signin,
    signinsms
  } 
};
</script>

<style lang="scss" scoped>
.van-nav-bar{
  margin-bottom: 200px;
}
    // .van-tabs{
    //     margin-top: 200px;
    // }
    .login{
        background: url("../wr.jpg") no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
        height: 100%;
        .van-tabs{
            // background: rgba(255, 255, 255,0.5);
          ::v-deep .van-tabs__nav {
            background: rgba(255, 255, 255,0.8);

            }
        }

       ::v-deep .van-tab--active{
            .van-tab__text{
                color: #000;
            }
        }
    }
    .zhuche{
      width: 100%;
      display: flex;
      justify-content: space-between;
      color: #fff;
      padding: 0 50px;
      // background: rgba(255, 255, 255, .9);
    }
</style>